<template>
	<view class="container">
		<view style="position: absolute; top: 0;  width: 100%; height: 620rpx;background: linear-gradient(#f18f00, #f5a93c, #fce8c9)">
			
		</view>
		<view class="" style="width: 100%;height: 200rpx;">
			
		</view>
		<view class="" style="width: 95%;z-index: 11;">
			<image style="width: 100%;height: 300rpx;margin: 0 auto;" :src="service" mode=""></image>
		</view>
		
		<view class="" style="width: 90%;background-color: #fff;z-index: 99;margin-top: 20rpx;height: 500rpx;font-weight: 900;border-radius: 20rpx;">
			<view class="" style="display: flex;justify-content: space-between;padding: 30rpx;align-items: center;">
				<view class="" style="">
					<view class="" style="font-size: 35rpx;">
						商务合作与投诉
					</view>
					<view class="" style="margin-top: 10rpx;font-size: 30rpx;">
						{{hezuo}}
					</view>
				</view>
				<view @click="ddhhz" class="" style="background-color: limegreen;width: 220rpx;height: 50rpx;line-height: 50rpx;border-radius: 30rpx;color: #fff;text-align: center;">
					📞 一键拨号
				</view>
			</view>
			
			<view class="" style="display: flex;justify-content: space-between;padding: 30rpx;align-items: center;">
				<view class="" style="">
					<view class="" style="font-size: 35rpx;">
						商务入驻请联系
					</view>
					<view class="" style="margin-top: 10rpx;font-size: 30rpx;">
						{{ruzhu}}
					</view>
				</view>
				<view @click="ddhrz" class="" style="background-color: limegreen;width: 220rpx;height: 50rpx;line-height: 50rpx;border-radius: 30rpx;color: #fff;text-align: center;">
					📞 一键拨号
				</view>
			</view>
			
			<view class="" style="display: flex;justify-content: space-between;padding: 30rpx;align-items: center;">
				<view class="" style="">
					<view class="" style="font-size: 35rpx;">
						客服电话请联系
					</view>
					<view class="" style="margin-top: 10rpx;font-size: 30rpx;">
						{{kefu}}
					</view>
				</view>
				<view @click="ddhkf" class="" style="background-color: limegreen;width: 220rpx;height: 50rpx;line-height: 50rpx;border-radius: 30rpx;color: #fff;text-align: center;">
					📞 一键拨号
				</view>
			</view>
			
		</view>
		
		
		
	</view>
</template>
<script>
	import login from "@/components/login.vue"
	import {
		mapActions,
		mapGetters
	} from 'vuex';
  	import carList from '@/components/car-list/car-list.vue'
  	export default {
  		
		onLoad() {
			this.getPhones()
		},
  		data() {
  			return {
  				phone:'15284381107',
				hezuo:'',
				ruzhu:'',
				kefu:'',
				service:'',
  			}
  		},
  		
  		methods: {
			ddhhz(){
				uni.makePhoneCall({
					phoneNumber:this.hezuo
				}).catch((e) =>{
					console.log(e)
				})
			},
			ddhrz(){
				uni.makePhoneCall({
					phoneNumber:this.ruzhu
				}).catch((e) =>{
					console.log(e)
				})
			},
			ddhkf(){
				uni.makePhoneCall({
					phoneNumber:this.kefu
				}).catch((e) =>{
					console.log(e)
				})
			},
			getPhones(){
				this.$req('GET',this.$api.telPhone,{}).then(res =>{
					console.log(res,'查看获取的电话')
					this.hezuo = res.data.he_mobile
					this.ruzhu = res.data.ru_mobile
					this.kefu = res.data.ru_mobile
					this.service = res.data.service
					
				})
			}
			
  		},
  		
  	}
  </script>
  <style lang="scss">
  	page{
  	      background: #f5f5f5;
  	    }
  	    view,textarea,input,text,button{
  	      padding: 0;
  	      margin: 0;
  	      box-sizing:border-box;
  	      font-size: 28rpx;
  	      font-family: "微软雅黑";
  	    }
  	    .uni-checkbox-input{
  	        border-radius: 50% !important;
  	    }
  	    .container {
  	        height: 100%;
  	        display: flex;
  	        flex-direction: column;
  	        align-items: center;
  	        justify-content: space-between;
  	        box-sizing: border-box;
  	        background: #f5f5f5;
  	        overflow: hidden;
  	    }
  	    .line1{
  	        overflow: hidden;
  	        text-overflow: ellipsis;
  	        display: box;
  	        display: -webkit-box;
  	        line-clamp: 1;
  	        box-orient: vertical;
  	        -webkit-line-clamp: 1;
  	        -webkit-box-orient: vertical;
  	        word-break: break-all; /* 英文换行问题 */
  	    }
  	    .line2 {
  	        overflow: hidden;
  	        text-overflow: ellipsis;
  	        display: box;
  	        display: -webkit-box;
  	        line-clamp: 2;
  	        box-orient: vertical;
  	        -webkit-line-clamp: 2;
  	        -webkit-box-orient: vertical;
  	        word-break: break-all; /* 英文换行问题 */
  	    }
  	    .centerboth {
  	        display:flex;
  	        display: -webkit-flex;
  	        align-items:center;
  	        -webkit-align-items:center;
  	        justify-content: center;
  	        -webkit-justify-content: center;
  	    }
  	    .clearfix:after {
  	        content: "";
  	        display: block;
  	        visibility: hidden;
  	        height: 0;
  	        clear: both;
  	    }
  	
  	    .clearfix {
  	        zoom: 1;
  	    }
  	    image{
  	      padding: 0;
  	      margin: 0;
  	    }
  	    textarea {
  	      width:300rpx;
  	      height:75rpx;
  	      display:block;
  	      position:relative;
  	      font-size: 28rpx;
  	    }
  	    button::after{ border: none; }
  	    input:-ms-input-placeholder {
  	        color: #808080;
  	    }
  	    car-list{
  	        width: 100%;
  	    }
  </style>